<template>
	<view class="cu-bar bg-white margin-top-xs">
		<view class="action sub-title">
			<text class="text-xl text-bold text-blue text-shadow">{{text}}</text>
			<text class="text-ABC text-blue">{{shadowText}}</text>
		</view>
		<view class="action" @click="emit('click')"><text class="text-lg text-grey text-shadow">{{extText}}</text></view>
	</view>
</template>
<script setup>
	const app = getApp();
	import {
		computed,
		reactive,
		ref
	} from 'vue';
	const emit = defineEmits(['click']);
	const props = defineProps({
		text: {
			type: String,
			default: '标题'
		},
		shadowText: {
			type: String,
			default: ''
		},
		extText: {
			type: String,
			default: ''
		}
	})
</script>
<style>
</style>
